<template>
	<view class="container">
		<view class="helplist">
			<block v-for="(item,index) in rows" :key="index">
			<navigator hover-class="none" :url="'/pages/user/helpdetail/helpdetail?id='+item.id">
			<view class="help_dl">
				<view class="help_dt">{{item.name}}</view>
				<view class="help_ico"></view>
			</view>
			</navigator>
			</block>
		</view>
	</view>
</template>

<script>
	import API from "@/common/api.js"
	export default {
		data() {
			return {
				rows:[]
			}
		},
		onLoad(){
			//var $this = this
			API.post("common/help").then((res) => {
			  if(res.code==1){
				this.rows = res.data
			  }
			})
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.helplist{width: 100%; overflow: hidden; box-sizing: border-box; padding: 30rpx;}
.mymenu{padding: 20rpx 60rpx; overflow: hidden; position: relative; z-index: 2; width: 100%; box-sizing: border-box;}
.help_dl{width: 100%; overflow: hidden; padding: 36rpx 0; line-height: 48rpx; position: relative; display: flex; border-bottom: 2rpx #e8e8e8 dashed;}
.help_dt{ font-size: 34rpx; flex: 1;}
.help_ico{margin: 12rpx 0 0 40rpx; position: relative; width: 0;height: 0;border: 12rpx solid;border-color:  transparent transparent transparent #999;}
.help_ico::after{content: '';position: absolute;top: -12rpx;left: -16rpx; border: 12rpx solid;border-color:  transparent transparent transparent #fff;}
</style>
